﻿<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Z-anime 登录</title>
 <link rel="stylesheet" href="../public/css/index/index.css">
 <link rel="stylesheet" href="../public/css/game/head.css">
 <link rel="stylesheet" href="../public/css/login/index.css">
 <link rel="stylesheet" href="../public/css/index/foot.css">
 <!--站点图标-->
 <link rel="shortcut icon" href="../public/img/index/logo/logo.ico" type="image/x-icon">
</head>
<body>
  <!--头部-->
  <header id="z_head">
   <div class="head">
       <div class="center">
           <ul id="headUl">
               
           </ul>
           
           <div class="searchInputArea">
            <div class="search_C">
              <input v-model="key" type="search" class="searchInput" placeholder="搜索关键词" @keyup.enter="toSearch">
              <img @click="toSearch" src="../public/img/index/other/search.png">
            </div>
          </div>
           <img class="logo" src="../public/img/index/logo/logo.png" alt="">
       </div>

   </div>
  </header>
<!--头部-->
<!--主体-->
  <div class="head-bg">
    <img src="../public/img/index/other/headbg2.jpg" alt="">
  </div>
  <section id="main" class="main">
    <div class="titleLine">
      <span class="tt">登录</span>
    </div>
    <div class="loginRegister">
      <ul>
        <li class="item username">
          <input :class="usernameText.state==1?'error':''" type="text" placeholder="你的手机号" id="login-username" maxlength="50" autocomplete="off" v-model="username" @keyup="clearError('username')">
          <div class="textClear" v-text="usernameText.des"></div>
        </li>
        <li class="item password">
          <input :class="passwordText.state==1?'error':''" type="password" placeholder="密码" id="login-password" v-model="password" @keyup="clearError('password')">
          <div class="textClear" v-text="passwordText.des"></div>
        </li>
        <li class="remember">
          <label>
            <input type="checkbox" v-model="checkAgree" class="remember-me" @click="chcek_Agree"> 记住我
            <span @click="chcek_Agree">不是自己的电脑上不要勾选此项</span>
            <a href="javascript:;">忘记密码？</a>
          </label>
        </li>
        <li class="btn-box">
          <a class="btn login" @click="toLogin">登录</a>
          <a class="btn register" @click="toRegister">注册</a>
        </li>
      </ul>
    </div>

  </section>
<!--主体-->

<!--尾部-->
<footer id="z_foot">
    <div class="foot">
        <div class="foot_left"></div>
        <div class="foot_center">
            <span
                class="main_txt">本站所有资源来源于各大视频网站,只供网络测试和学习交流所用,不提供影片资源存储，也不参与任何视频录制、上传,所有视频版权归原权利人，如有关视频侵犯了你的权益，请联系告之，我们将于第一时间删除！我们建议所有影视爱好者购买正版音像制品或去电影院观看最新大片。网站合作联系方式：810268796@qq.com
                Copyright <a href="#">Z动漫在线</a> All Rights Reserved</span>
        </div>
        <div class="foot_right"></div>
    </div>
</footer>
<!--尾部-->

  <script src="../public/js/jquery-1.12.4.min.js"></script>
  <script src="../public/js/vue.min.js"></script>
  <script src="../public/js/vue-resource.min.js"></script>
  <script src="../public/js/common.js"></script>
  <script src="../public/js/index/head.js"></script>
  <script src="../public/js/login/main.js"></script>
</body>
</html>